<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>是美食 | 探索更多</title>
    <link rel="shortcut icon" href="images/flower.png">
    <link rel="stylesheet" href="css/main.css">
    <link rel="stylesheet" href="css/explore.css">
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">
</head>
<body>
<!--<div class="container" style="margin: 0;padding: 0;">-->
    <!--    导航-->
    <nav id="nav">
        <div class="lay">
            <div class="logo">
                <a href="index.html" class="logo"><img src="images/flower.png" class="" alt="是美食"></a>
            </div>

            <div class="category">
                <ul>
                    <li><a href="#" class="active mealAll">探索</a></li>
                    <li><a href="#" class="dmeal">正餐</a></li>
                    <li><a href="#" class="desert">甜点</a></li>
                    <li><a href="404.html">更多</a></li>
                </ul>
            </div>

            <div class="info">
                <ul>
                    <li><a id="wish"><img src="images/wish1.png" height="29" width="29" alt="收藏"/></a></li>
                    <li><a id="map"><img src="images/map.png" height="29" width="29" alt="美食地图"/></a></li>
                    <li><a id="mine"><img src="images/mine.png" height="30" width="30" alt="我的"/></a></li>
                    <li style="margin-left: 20%;"><a id="night_mode" onclick="mode()"><img src="images/Night.png" height="30" width="30" alt="夜间模式"/></a></li>
                </ul>
            </div>
        </div>
    </nav>

<!--<div></div>-->

    <!--    内容-->
<!--    <div class="container">-->
    <div class="contain">
            <div class="row" style="text-align: left;box-sizing: border-box;">
                <div class="col-md-4 align-items dmealCol">
                    <div class="headImg">
                        <a href="details.html"><img width="370" height="285" src="images/yangpai.jpg" height="750" width="1000"/></a>
                    </div>
                    <div class="title">
                        <a href="details.html"><h4>法式羊排与菠菜色拉</h4></a>
                    </div>
                    <div class="content">
                        <p>羊排经过嫩煎保持了最佳的肉质。再加上有多种天然草本香料混合微微酸甜的芥末酱，让羊排的强烈口感得到很好的平衡。加上炒面包碎，使其表面又多了一层松脆可口的味蕾享受。</p>
                    </div>
                </div>
                <div class="col-md-4 align-items dmealCol">
                    <div class="headImg">
                        <a href="details.html"><img width="370" height="285" src="images/banya.jpg" height="750" width="1000"/></a>
                    </div>
                    <div class="title">
                        <a href="details.html"><h4>板鸭芋头煲</h4></a>
                    </div>
                    <div class="content">
                        <p>以鸭子为原料，将鸭子去毛洗净后加以盐渍、压制并风干而制成。全国有四大品牌板鸭分别是江苏南京板鸭、江西南安板鸭、福建建瓯板鸭和四川建昌板鸭。</p>
                    </div>
                </div>
                <div class="col-md-4 align-items dmealCol">
                    <div class="headImg">
                        <a href="details.html"><img width="370" height="285" src="images/pianer.jpg" height="750" width="1000"/></a>
                    </div>
                    <div class="title">
                        <a href="details.html"><h4>川味蒜泥白肉</h4></a>
                    </div>
                    <div class="content">
                        <p>蒜泥白肉是一道四川名菜，即选用肥瘦相连的五花肉，经水煮、切片、卷片和凉拌而成，成菜香辣鲜美，蒜味浓厚，爽脆嫩滑。五花肉一向是中式菜的主角，将它放入清水中连皮烹煮，可使汤汁浓稠油亮，五花肉肥美多汁，用青瓜条将肉片卷成团，蘸着蒜泥酱汁送入口，就算多吃都不怕腻！</p>
                    </div>
                </div>
            </div>

        <div class="row">
            <div class="col-md-4 align-items dmealCol">
                <div class="headImg">
                    <a href="details.html"><img width="370" height="285" src="images/sun.jpg" height="750" width="1000"/></a>
                </div>
                <div class="title">
                    <a href="details.html"><h4>鲜菇冬笋</h4></a>
                </div>
                <div class="content">
                    <p>冬笋是一种富有营养价值并具有医药功能的美味食品，质嫩味鲜，清脆爽口，含有蛋白质和多种氨基酸、维生素，以及钙、磷、铁等微量元素以及丰富的纤维素，能促进肠道蠕动，既有助于消化，有能预防便秘和结肠癌的发生。</p>
                </div>
            </div>
            <div class="col-md-4 align-items dmealCol">
                <div class="headImg">
                    <a href="details.html"><img width="370" height="285" src="images/tdsrou.jpg" height="750" width="1000"/></a>
                </div>
                <div class="title">
                    <a href="details.html"><h4>土豆烧肉</h4></a>
                </div>
                <div class="content">
                    <p>土豆烧肉是一道北方南方都有的家常菜，其色泽金黄，汤汁稠浓，肥而不腻。 土豆是低热能、多维生素和微量元素的食物，是理想的减肥食品。土豆对消化不良的辅助治疗有效，是胃病和心脏病患者的优质保健食品。</p>
                </div>
            </div>
            <div class="col-md-4 align-items dmealCol">
                <div class="headImg">
                    <a href="details.html"><img width="370" height="285" src="images/guiyu.jpg" height="750" width="1000"/></a>
                </div>
                <div class="title">
                    <a href="details.html"><h4>莳萝鲑鱼沙律</h4></a>
                </div>
                <div class="content">
                    <p>鲑鱼又叫大马哈鱼，俗称三文鱼，以其肉质鲜美、营养丰富著称于世。三文鱼鳞小刺少，肉色橙红，肉质细嫩鲜美，既可直接生食，又能烹制菜肴，是深受人们喜爱的鱼类。同时由它制成的鱼肝油更是营养佳品。</p>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-md-4 align-items desertCol">
                <div class="headImg">
                    <a href="details.html"><img width="370" height="285" src="images/paofu.png" height="750" width="1000"/></a>
                </div>
                <div class="title">
                    <a href="details.html"><h4>巧克力珍珠泡芙</h4></a>
                </div>
                <div class="content">
                    <p>泡芙总会给人带来想一口吞一个的想法，填充巧克力馅儿更让人爱不释口。不过同时它们也是热量炸弹，还是少吃点为好！</p>
                </div>
            </div>
            <div class="col-md-4 align-items desertCol">
                <div class="headImg">
                    <a href="details.html"><img width="370" height="285" src="images/moer.jpg" height="750" width="1000"/></a>
                </div>
                <div class="title">
                    <a href="details.html"><h4>榛蘑猪肉馅饼</h4></a>
                </div>
                <div class="content">
                    <p>两面酥脆、金黄的榛蘑猪肉馅饼，馅饼香里伴着榛蘑特殊的香味和鲜味，咬一口，回味无穷！</p>
                </div>
            </div>
            <div class="col-md-4 align-items desertCol">
                <div class="headImg">
                    <a href="details.html"><img width="370" height="285" src="images/wowotou.jpg" height="750" width="1000"/></a>
                </div>
                <div class="title">
                    <a href="details.html"><h4>大枣窝窝头</h4></a>
                </div>
                <div class="content">
                    <p>我们都习惯了窝窝头就着咸菜吃，其实将红扑扑的大枣儿镶嵌其中也共具美观与美味。不失为一种特别的饭后小甜点。</p>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-md-4 align-items dmealCol">
                <div class="headImg">
                    <a href="details.html"><img width="370" height="285" src="images/pai.jpg" height="750" width="1000"/></a>
                </div>
                <div class="title">
                    <a href="details.html"><h4>意式蒜香黑椒烤猪排</h4></a>
                </div>
                <div class="content">
                    <p>意式蒜香黑椒烤猪排 猪排骨提供人体生理活动必需的优质蛋白质、脂肪，尤其是丰富的钙质可维护骨骼健康。猪排骨具有滋阴润燥、益精补血的功效；适宜于气血不足，阴虚纳差者。…</p>
                </div>
            </div>
            <div class="col-md-4 align-items dmealCol">
                <div class="headImg">
                    <a href="details.html"><img width="370" height="285" src="images/yulan.jpg" height="750" width="1000"/></a>
                </div>
                <div class="title">
                    <a href="details.html"><h4>清炒玉兰片</h4></a>
                </div>
                <div class="content">
                    <p>清炒玉兰片脆嫩清香，咸鲜可口。 玉兰片是用鲜嫩的冬笋或春笋加工而成的干制品，由于形状和色泽很像玉兰花的花瓣，故称“玉兰片”。</p>
                </div>
            </div>
            <div class="col-md-4 align-items dmealCol">
                <div class="headImg">
                    <a href="details.html"><img width="370" height="285" src="images/labaicai.jpg" height="750" width="1000"/></a>
                </div>
                <div class="title">
                    <a href="details.html"><h4>渝味辣白菜 </h4></a>
                </div>
                <div class="content">
                    <p>渝味辣白菜色泽红亮、酸甜微辣，脆爽可口。 咸甜酸辣味。</p>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-md-4 align-items desertCol">
                <div class="headImg">
                    <a href="details.html"><img width="370" height="285" src="images/baohenangua.jpg" height="750" width="1000"/></a>
                </div>
                <div class="title">
                    <a href="details.html"><h4>百合炒南瓜</h4></a>
                </div>
                <div class="content">
                    <p>百合炒南瓜味道甘甜中带着微微的苦味，有滋阴润肺的功效，很适合秋季食用。</p>
                </div>
            </div>
        </div>
<!--        <div class="row">-->
<!--            <div class="col-md-4"></div>-->
<!--            <div class="col-md-4"></div>-->
<!--            <div class="col-md-4"></div>-->
<!--        </div>-->
    </div>

<!--<div><button>加载更多</button></div>-->

<!--</div>-->
<!--<div class="footer">-->
<!--    <div>-->
<!--        <span>&nbsp;&nbsp;&nbsp;是美食 © 2022 Copyright</span>-->
<!--    </div>-->
<!--    <div>-->
<!--        <span style="float: right;">Designed by <a target="_blank" href="https://user.qzone.qq.com/87403565" style="text-decoration: none;font-size: small!important;">hui~&nbsp;&nbsp;&nbsp;</a></span>-->
<!--    </div>-->
<!--</div>-->

<!--返回顶部-->
<div class="gotoTop">
    <div class="top">
        <a href="#">
            <img src="images/top.png" height="36" width="36"/>
        </a>
    </div>
    <div class="qr">
        <a href="#">
            <img src="images/qrsmall.png" height="36" width="36"/>
        </a>
    </div>
    <div class="qrHidden"></div>
</div>


</body>
<script src="js/jquery-3.6.0.js"></script>
<script src="js/explore.js"></script>
<script src="js/alert.js"></script>
</html>